<%@ page import="javax.naming.Context" %>
<%@ page import="javax.naming.InitialContext" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE>
<html>
<head>
    <title>新闻中国</title>
    <c:if test="${empty topicList}">
        <c:redirect url="IndexServlet"/>
    </c:if>
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript">
        function check() {
            var login_username = document.getElementById("uname");
            var login_password = document.getElementById("upwd");
            if (login_username.value === "") {
                alert("用户名不能为空！请重新填入！");
                login_username.focus();
                return false;
            } else if (login_password.value === "") {
                alert("密码不能为空！请重新填入！");
                login_password.focus();
                return false;
            }
            return true;
        }

        function focusOnLogin() {
            var login_username = document.getElementById("uname");
            login_username.focus();
        }
    </script>
</head>

<body onload="focusOnLogin()">

<div id="header">
    <div id="top_login">
        <form action="LoginServlet" method="post" onsubmit="return check()">
            <input type="hidden" name="opr" value="login"/>
            <label> 登录名 </label>
            <input type="text" name="uname" value="" class="login_input"/>
            <label> 密&#160;&#160;码 </label>
            <input type="password" name="upwd" value="" class="login_input"/>
            <input type="submit" class="login_sub" value="登录"/>
            <label id="error"> </label>
            <img src="images/friend_logo.gif" alt="Google" id="friend_logo"/>
        </form>
    </div>
    <div id="nav">
        <div id="logo"><img src="images/logo.jpg" alt="新闻中国"/></div>
        <div id="a_b01"><img src="images/a_b01.gif" alt=""/></div>
        <!--mainnav end-->
    </div>
</div>
<%
    Context context = new InitialContext();
    String author = (String) context.lookup("java:comp/env/author");
%>

<div id="container">
    <div class="sidebar">
        <h1><img src="images/title_1.gif" alt="国内新闻"/></h1>
        <div class="side_list">
            <ul>
                <c:forEach items="${list1}" var="news">
                    <li><a href='util/news?opr=readNew&nid=${news.nid}'><b>${news.ntitle}</b></a></li>
                </c:forEach>
            </ul>
        </div>
        <h1><img src="images/title_2.gif" alt="国际新闻"/></h1>
        <div class="side_list">
            <ul>
                <c:forEach items="${list2}" var="news">
                    <li><a href='util/news?opr=readNew&nid=${news.nid}'><b>${news.ntitle}</b></a></li>
                </c:forEach>
            </ul>
        </div>
        <h1><img src="images/title_3.gif" alt="娱乐新闻"/></h1>
        <div class="side_list">
            <ul>
                <c:forEach items="${list3}" var="news">
                    <li><a href='util/news?opr=readNew&nid=${news.nid}'><b>${news.ntitle}</b></a></li>
                </c:forEach>
            </ul>
        </div>
    </div>
    <script src="js/jquery-3.6.0.js"></script>
    <script>
        $(function () {
            $("li#class_month a").click(function () {
                let $ntid = $(this).attr("title");
                let $ulNews = $("ul.classlist");
                $.ajax({
                    url: "Get20NewsByNtidServlet",
                    type: "post",
                    data: {"ntid": $ntid},
                    dataType: "json",
                    success: function (data) {
                        $ulNews.empty();
                        if (data.length == 0) {
                            $ulNews.append("<p>暂无数据!</p>");
                        }
                        for (let i = 0; i < data.length; i++) {
                            let $news = data[i];
                            let $liNews = $("<li><a href='GetOneNewsByNidServlet?nid="+$news.nid+"' target='_blank'>" + $news.ntitle + "</a><span>(" + $news.ncreateDate + ")</span></li>");
                            $ulNews.append($liNews);
                            if ((i+1)% 5 == 0) {
                                $ulNews.append("<li class='space'></li>");
                            }
                        }
                    },
                    error: function () {
                        alert("读取错误!");
                    }
                })
            })
        })
    </script>
    <div class="main">
        <div class="class_type"><img src="images/class_type.gif" alt="新闻中心"/></div>
        <div class="content">
            <ul class="class_date">
                <li id="class_month">
                    <c:forEach var="topic" items="${topicList}">
                        <a href="javascript:void(0)" title="${topic.tid}">${topic.tname}<b></b></a>
                    </c:forEach>
                </li>
            </ul>
            <ul class="classlist">
                <c:forEach var="news" items="${newsList}" varStatus="status">
                    <li><a href="javascript:void(0)" onclick="window.location='GetOneNewsByNidServlet?nid=${news.nid}'" target="_blank">${news.ntitle}</a><span>(${news.ncreateDate})</span></li>
                    <c:if test="${status.count%5==0}">
                        <li class="space"></li>
                    </c:if>
                </c:forEach>
            </ul>
        </div>
        <div class="picnews">
            <ul>
                <li><a href="#"><img src="images/Picture1.jpg" width="249" alt=""/> </a><a href="#">幻想中穿越时空</a></li>
                <li><a href="#"><img src="images/Picture2.jpg" width="249" alt=""/> </a><a href="#">国庆多变的发型</a></li>
                <li><a href="#"><img src="images/Picture3.jpg" width="249" alt=""/> </a><a href="#">新技术照亮都市</a></li>
                <li><a href="#"><img src="images/Picture4.jpg" width="249" alt=""/> </a><a href="#">群星闪耀红地毯</a></li>
            </ul>
        </div>
    </div>
</div>


<div id="friend">
    <h1 class="friend_t"><img src="images/friend_ico.gif" alt="合作伙伴"/></h1>
    <div class="friend_list">
        <ul>
            <li><a href="#">百度</a></li>
            <li><a href="#">谷歌</a></li>
            <li><a href="#">新浪</a></li>
            <li><a href="#">网易</a></li>
            <li><a href="#">搜狐</a></li>
            <li><a href="#">人人</a></li>
            <li><a href="#">中国政府网</a></li>
        </ul>
    </div>
</div>
<div id="footer">
    <p class=""> 24小时客户服务热线：010-68988888 &#160;&#160;&#160;&#160; <a href="#">常见问题解答</a> &#160;&#160;&#160;&#160;
        新闻热线：010-627488888 <br/>
        文明办网文明上网举报电话：010-627488888 &#160;&#160;&#160;&#160; 举报邮箱： <a href="#"><%= author%>@jb-aptech.com.cn</a></p>
    <p class="copyright"> Copyright &copy; 1999-2009 News China gov, All Right Reserver <br/>
        新闻中国 版权所有 </p>
</div>
</body>
</html>
